<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
        /* 使用元素选择器，定义所有 p 元素样式 */
        p {
            font-family: 微软雅黑; /* 字体类型为微软雅黑 */
            font-size: 14px; /* 字体大小为 14px */
            font-weight: bold; /* 字体粗细为 bold */
            color: red; /* 字体颜色为 red */
        }
        /* 使用 id 选择器，定义个别样式 */
        #p2 {
            color: blue; /* 字体颜色为 blue */
        }
    </style>
</head>
<body>
    <p id="p1">HTML控制网页的结构</p>
    <p id="p2">CSS控制网页的外观</p>
    <p id="p3">JavaScript控制网页的行为</p>
</body>
</html>